<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
%>
<html lang="en">
<head>
<link rel="stylesheet" href="<%=path%>/css/jquery.gritter.css" />
</head>
<body>
	<div id="content-header">
		<h1>评分项目</h1>
	</div>
	<div id="breadcrumb">
		<a href="#" title="Go to Home" class="tip-bottom"><i
			class="icon-home"></i> Home</a> <a href="#" class="current">管理评分项目</a>
	</div>
	<div class="container-fluid" ms-controller="ScoreProj">
		<div class="row-fluid">
			<div class="span12">
				<a href="javascript:void(0)" class="btn btn-info" ms-click="open()"
					style="margin-bottom: 10px" ms-visible="!isopenscale"> 添加项目</a><a
					href="javascript:void(0)" class="btn btn-info" ms-click="reback()"
					style="margin-bottom: 10px" ms-visible="isopenscale">退出修改</a><a
					href="javascript:void(0)" class="btn btn-warning"
					ms-click="openscale()"
					style="margin-bottom: 10px; margin-left: 50px"
					ms-visible="!isopenscale"> 修改指标</a><a href="javascript:void(0)"
					class="btn btn-danger" ms-click="savepercent()"
					style="margin-bottom: 10px; margin-left: 50px"
					ms-visible="isopenscale"> 保存指标</a>
				<div class="btn-group"
					style="margin-bottom: 10px; margin-left: 50px; float: right;">
					<button data-toggle="dropdown"
						class="btn btn-success dropdown-toggle">
						当前已{{state}}评教 <span class="caret"></span>
					</button>
					<ul class="dropdown-menu dropdown-success">
						<li><a href="javascript:void(0)" ms-click="toggle('close')">关闭评教</a></li>
						<li class="divider"></li>
						<li><a href="javascript:void(0)" ms-click="toggle('open')">开启评教</a></li>
					</ul>
				</div>
				<div class="alert alert-success" ms-repeat-obj="dataList">
					<div>
						<button class="close" ms-click="del(obj.id)">×</button>
						<strong ms-click="edit(obj.id,obj.content)" data-toggle="modal"
							data-target="#myModal">{{obj.id}}. {{obj.content}}</strong><strong
							style="float: right;">当前比例:{{obj.percent}}%</strong>
					</div>
					<div class="col-md-6" ms-visible="isopenscale">
						<form class="form-horizontal">
							<div style="margin-top: 10px">
								<strong>比例：</strong> <input name="percent" type='number'
									style="height: 25px; width: 70px" value="0" /><strong>
									%</strong>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>

		<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">评分项目编辑</h4>
					</div>
					<div class="modal-body">
						<form class="form-horizontal">
							<div>
								<strong>编号：</strong> <input ms-duplex="id" type="text"
									style="height: 30px; width: 450px;" readonly="readonly">
							</div>
							<div style="margin-top: 30px">
								<strong>内容：</strong> <input ms-duplex="text" type="text"
									style="height: 30px; width: 450px;">
							</div>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button ms-click="update(id,text)" type="button"
							class="btn btn-primary">提交更改</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
		</div>
	</div>
</body>
</html>